fetch('../public/menu-statistics.json')
.then((response) => {
    if (response.ok) {
        return response.json()
    }
})
.then((data) => {
    showMenu(data)
})
function showMenu(data) {
    data.forEach(data => {
        let trEle = document.createElement('tr')
        trEle.innerHTML = 
        `
        <td>${data.id}</td>
        <td>${data.quantity}</td>
        <td>${data.note}</td>
        <td>${data.remain}</td>
        <td>${data.name}</td>
        <td>${data.merchant}</td>
        <td>${data.active}</td>
        `
        document.querySelector('.tbody-menu').appendChild(trEle)
    });
}